﻿@charset "UTF-8";
ul, li {
    list-style: outside none none;
}
/*看直播*/
.section-video{
	padding: 20px 0;
	background: #d5e3f0 url(../images/bg03.jpg) top center no-repeat
}

.video-main img{
	 width: 100%;
	 max-width: 100%;
	 height: 330px;

}
.video-side{
	height: 330px;
	background: #2e2c2c;
	margin-top:0;
	margin-left: -20px;
}
.video-side ul{
	margin: 0; 
	padding: 0
}
.video-side li{
	height: 66px;
	border-bottom: 1px solid #201f1f;
	border-top: 1px solid #484848;
	padding: 5px 10px 0 15px;
}
.video-side .current{
	background: #404040 url(../images/bg02.png) left center no-repeat;
	color: #bababa
}
.video-side .current a{
	color: #fff;
}
.video-side h4{
	font-weight: 400;
	margin: 0;
	line-height: 30px;
}
.video-side h4 a{
	font-size: 14px;
	color: #9d9d9d
}
.video-side p{
	color: #bababa
}
.v-list{
	height: 330px;
	padding: 0 20px;
	background: #313131;
}
.titA{
	height: 37px;
	border-bottom: 1px solid #ececec;
	color: #fffefe;
	font-size: 16px;
	font-weight: 400;
	margin:0;
	position: relative;
}
.titA span{
	display: inline-block;
	line-height: 35px;
	border-bottom: 2px solid #3399dd;
	color: #444
}
.titA .more{
	float: right;
	width: 16px;
	height: 17px;
	background: url(../images/ico-more.png) no-repeat;
	margin-top: 10px;
	text-indent: -9999px;
}

.v-list .titA{
	border-bottom: 1px solid #484848;
}
.v-list .titA span{
	color: #fffefe;
	margin-right: 20px;
	border-bottom-color: transparent;
	cursor: pointer;
}
.v-list .titA .active{
	border-bottom: 2px solid #3399dd;
}
.v-list ul{
	padding: 10px 0 0 0;
	display: none;
}
.v-list li{
	height: 28px;
	line-height: 28px;
	padding-left: 13px;
	background: url(../images/dot.png) left center no-repeat;
	overflow: hidden;
}
.v-list li a{
	color: #9d9d9d
}
.v-list li .column{
	margin-right: 5px;
	color: #666;
}
.v-list li a:hover{
	text-decoration: none;
	color: #fff;
}
.v-list .more{
	background: none;
	text-align: right;
}
/*热门学科*/
.section-subject{
	padding:20px 0;
	background: #fff;
}
.notice,
.ranking,
.ranking-share{
	border: 1px solid #ececec;
	padding: 0 20px;
	background: #fff
}
.notice ul,.ranking ul{
	padding: 10px 0 0 0;
}
.notice li,.ranking li{
	height: 28px;
	line-height: 28px;
}
.notice li a,.ranking li a{
	float: left;
	max-width: 150px;
	overflow: hidden;
}
.notice li span,.ranking li span{
	float: right;
}
.ranking li em{
	float: left;
	width: 15px;
	height: 15px;
	line-height: 15px;
	background: #b4b4b4;
	color: #fff;
	text-align: center;
	font-style: normal;
	margin: 6px 5px 0 0
}
.ranking li .c1{
	background: #fd8a23;
}
/*热门学科。推荐分类*/
.tit-block{
	background: #2c8449;
	padding: 20px;
	color: #fff;
	height: 143px;
}
.tit-block h3{
	font-size: 24px;
	margin: 0;
	padding-top: 10px;
}
.tit-block h3 small a{
	font-size: 12px;
	color: #96c2a4;
	margin-left:10px
}
.tit-block ul{
	padding-left: 0;
	padding-top: 10px;
}
.tit-block li{
	width: 16%;
	height: 26px;
	line-height: 26px;
	display: inline-block;
}
.tit-block li a{
	color: #fff;
}
.section-classify .product{
	height: 143px;
}
.product .p-pic{
	position: relative;
	width: 100%
}
.product .p-pic img{
	max-width: 100%;
	width: 100%;
}
.product .p-pic .num{
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: #FF8A23;
	font-style: normal;
}

.section-classify .product .p-pic img{
	height: 98px;
}
.product .p-pic .time{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 61px;
	height: 19px;
	background: url(../images/time_bg.png) no-repeat;
	line-height: 19px;
	color: #fff;
	text-align: right;
	padding-right: 5px;
}
.product .p-name{
	text-align: center;
	font-weight: 700;
	line-height: 26px;
}
.product .p-info{
	text-align: center;
}
.product .p-info span{
	margin: 0 10px;
	color: #888
}
.product:hover{
	background: #fff;
}
.product:hover a{
	color: #3399dd
}
.product-hot  .p-name{
	margin-top: 10px;
}
.product-hot .p-info{
	line-height: 22px;
}
.product:hover a{
	color: #666
}
.section-classify{
	background: #ececec;
	padding: 20px 0;
}
.section-classify .tit-block{
	background: #ab823b
}
.section-classify .tit-block h3 small a{
	color: #d5c19d
}
/*文档资源*/
.section-doc{
	background: #fbfbfb;
	padding: 20px 0;
	margin-bottom: -20px;
}
.doc{
	border: 1px solid #ececec;
	background: #fff;
}
.titB{
	height: 50px;
	padding: 15px 0; 
	font-size: 18px;
	position: relative;
}
.titB strong{
	display: block;
	line-height: 20px;
	border-left: 3px solid #3399dd;
	font-weight: 400;
	padding-left: 10px;
}
.titB .more{
	position: absolute;
	top: 17px;
	right: 10px;
	font-size: 12px;
	color: #06B1F8
}
.doc .doc-list{
	padding: 0 20px;
}
.doc .doc-list-hd{
	height: 30px;
}
.doc .doc-list-hd strong{
	float: left;
	width: 45px;
	height: 20px;
	line-height: 20px;
	background: #3399dd;
	color: #fff;
	text-align: center;
	position: relative;
	font-weight: 400;
}
.doc .doc-list-hd strong:after{
	content: "";
	position: absolute;
	top: 20px;
	left: 16px;
	width:0; 
	height:0;
	border-width:5px;
	overflow:hidden;
	border-style:solid dashed dashed dashed ;
	border-color:#3399dd transparent transparent transparent ;
}
.doc .doc-list-hd .more{
	float: right;
	line-height: 30px;
	color: #3399dd
}
.doc .doc-list ul{
	padding-left: 0;
}
.doc .doc-list li{
	line-height: 38px;
	height: 38px;
	overflow: hidden;
}
.doc .doc-list li a{
	background: url(../images/ico_doc.png) left center no-repeat;
	padding-left: 25px;
}
.doc .doc-list li span{
	float: right;
	color: #fd8a23
}
.doc .doc-list li .doc-time{
	color: #999
}
.ranking-share ul{
	margin-bottom: 0;
	padding-left: 0;
	padding-bottom: 15px
}
.ranking-share li{
	position: relative;
	margin-top: 20px;
}
.ranking-share .col-A{
	width: 42px;
	position: relative;
	float: left;
	margin-right: 10px;
}
.ranking-share .col-A img{
	width: 42px;
	height: 42px;
}
.ranking-share .col-A .num{
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	line-height: 15px;
	background: #fd8a23;
	color: #fff;
	text-align: center;
	font-style: normal;
}
.ranking-share .col-C{
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	color: #fd8a23;
	text-align: right;
}
.ranking-share .col-B{
	padding-right: 60px;
}
.ranking-share .col-B a{
	font-weight: 700;
	margin-right: 10px;
}
.ranking-share .col-B p{
	color: #999;
	margin-top: 5px;
}